form.form-std {
    max-width: 376px;
    margin: 0 auto
}

form.form-std>div:not(:last-of-type) {
    margin-bottom: 25px
}

form.form-std>div:not(:last-of-type).col-2-field {
    margin-bottom: 0px
}

form.form-std .col-2-field>div {
    margin-bottom: 25px
}

@media screen and (min-width: 595px) {
    form.form-std .col-2-field>div {
        float: left;
        width: calc(50% - 10px)
    }

    form.form-std .col-2-field>div:first-of-type {
        margin-right: 20px
    }
}

form.form-std [type='color']:focus,
form.form-std [type='date']:focus,
form.form-std [type='datetime']:focus,
form.form-std [type='datetime-local']:focus,
form.form-std [type='email']:focus,
form.form-std [type='month']:focus,
form.form-std [type='number']:focus,
form.form-std [type='password']:focus,
form.form-std [type='search']:focus,
form.form-std [type='tel']:focus,
form.form-std [type='text']:focus,
form.form-std [type='time']:focus,
form.form-std [type='url']:focus,
form.form-std [type='week']:focus,
form.form-std input:not([type]):focus,
form.form-std textarea:focus {
    border: 1px solid #1565c0
}

form.form-std [type='color'],
form.form-std [type='date'],
form.form-std [type='datetime'],
form.form-std [type='datetime-local'],
form.form-std [type='email'],
form.form-std [type='month'],
form.form-std [type='number'],
form.form-std [type='password'],
form.form-std [type='search'],
form.form-std [type='tel'],
form.form-std [type='text'],
form.form-std [type='time'],
form.form-std [type='url'],
form.form-std [type='week'],
form.form-std input:not([type]),
form.form-std textarea {
    width: 100%;
    font-size: 100%;
    padding: 10px;
    border-color: #666
}

@media screen and (min-width: 768px) {

    form.form-std [type='color'],
    form.form-std [type='date'],
    form.form-std [type='datetime'],
    form.form-std [type='datetime-local'],
    form.form-std [type='email'],
    form.form-std [type='month'],
    form.form-std [type='number'],
    form.form-std [type='password'],
    form.form-std [type='search'],
    form.form-std [type='tel'],
    form.form-std [type='text'],
    form.form-std [type='time'],
    form.form-std [type='url'],
    form.form-std [type='week'],
    form.form-std input:not([type]),
    form.form-std textarea {
        padding: 5px 10px
    }
}

form.form-std [type='color'].parsley-error,
form.form-std [type='date'].parsley-error,
form.form-std [type='datetime'].parsley-error,
form.form-std [type='datetime-local'].parsley-error,
form.form-std [type='email'].parsley-error,
form.form-std [type='month'].parsley-error,
form.form-std [type='number'].parsley-error,
form.form-std [type='password'].parsley-error,
form.form-std [type='search'].parsley-error,
form.form-std [type='tel'].parsley-error,
form.form-std [type='text'].parsley-error,
form.form-std [type='time'].parsley-error,
form.form-std [type='url'].parsley-error,
form.form-std [type='week'].parsley-error,
form.form-std input:not([type]).parsley-error,
form.form-std textarea.parsley-error {
    border-color: red
}

form.form-std label {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 75%;
    font-weight: 600;
    color: #666
}
.radio-field{
    width: 170px;
}
form.form-std .radio-field input,
form.form-std .checkbox-field input {
    position: absolute;
    left: -9999px
}

form.form-std .radio-field label,
form.form-std .checkbox-field label {
    float: left;
    width: 50%;
    margin-bottom: 2px;
    cursor: pointer;
    position: relative;
    padding-left: 24px;
    margin-top: 5px
}

form.form-std .radio-field label:before,
form.form-std .checkbox-field label:before {
    content: '';
    display: inline-block;
    box-shadow: 0 0 0 1px #666;
    border: 2px solid white;
    background-color: white;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    transition: background-color .5s;
    position: absolute;
    left: 0;
    top: -1.5px
}

form.form-std .radio-field input:checked+label:before,
form.form-std .checkbox-field input:checked+label:before {
    background-color: #666
}

form.form-std .radio-field.col-4 label,
form.form-std .checkbox-field.col-4 label {
    width: 25%
}

form.form-std .checkbox-field label {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    form.form-std .checkbox-field label {
        margin-bottom: 10px
    }
}

form.form-std .checkbox-field label:before {
    border-radius: 0;
    width: 14px;
    height: 14px
}

form.form-std .checkbox-field label:nth-last-of-type(-n+2) {
    margin-bottom: 0
}

form.form-std div.recaptcha {
    text-align: center;
    margin: 30px 0 30px 0;
    min-height: 81px;
    position: relative
}

form.form-std div.recaptcha input[name="captcha"] {
    position: absolute;
    left: -9999px
}

form.form-std div.recaptcha input[name="captcha"].parsley-error~.g-recaptcha .rc-anchor-light.rc-anchor-normal {
    border: 1px solid red !important
}

form.form-std div.recaptcha .parsley-errors-list {
    width: 100%;
    text-align: center;
    top: 100%
}

form.form-std .g-recaptcha {
    transform-origin: left top;
    display: inline-block
}

form.form-std div.file-upload {
    text-align: center;
    margin: 40px 0 40px 0;
    min-height: 27px
}

form.form-std div.file-upload label {
    margin: 0
}

form.form-std div.file-upload label span {
    font-size: 85%;
    margin-left: 20px
}

form.form-std div.file-upload input {
    position: absolute;
    left: -9999px
}

@media screen and (max-width: 767px) {
    form.form-std div.file-upload {
        padding: 0 30px
    }

    form.form-std div.file-upload label span {
        display: block;
        margin: 15px 0 0 0
    }
}

form.form-std button {
    font-family: "Kanit", sans-serif;
    font-weight: 600;
    color: #D30815;
    border: 1px solid #D30815;
    padding: 10px 30px;
    text-transform: uppercase
}

form.form-std button.clr-brand-bg {
    color: white;
    width:113.13px
}

form.form-std button:hover {
    background-color: #F5960F;
    color: white;
    border-color: #F5960F
}

form.form-std .indication {
    color: #666;
    font-size: 70%;
    font-style: italic;
    text-align: right
}

form.form-std .col-2::after {
    clear: both;
    content: "";
    display: block
}

form.form-std .col-2::before {
    clear: both;
    content: "";
    display: block
}

form.form-std .col-2 button {
    float: left;
    width: calc(50% - 2%)
}

form.form-std .col-2 button:first-of-type {
    margin-right: 4%
}

@media screen and (min-width: 768px) {
    form.form-std .col-2 button {
        width: calc(50% - 10px)
    }

    form.form-std .col-2 button:first-of-type {
        margin-right: 20px
    }
}

form.form-std .parsley-errors-list {
    position: absolute;
    color: red;
    font-size: 70%;
    padding-top: 5px
}

p+form.form-std {
    padding-top: 20px
}

.h-cart {
    position: relative;
    width: 413.55px;
    height: 98px;
    color: #fff;
    font-size: 35px;
    background-color: #ff6c00;
    margin: 0 0 20px;
    padding: 14px 28px 14px 0;
}

.h-cart::before {
    content: "";
    position: absolute;
    display: inline-block;
    top: 0px;
    left: -2000px;
    width: 2000px;
    height: 100%;
    background-color: #ff6c00;
}

.base {
    padding-top: 30px;
    padding-bottom: 30px;
    background: #fff;
    background-size: cover;
    color: #000;
    text-align: left;
}
.inline-b{
    display: inline-block;
}
